// 轮播图组件
import React, { Component } from 'react'
import { Carousel } from 'antd';
import { Two } from "../apis/link"
import "../css/swipe.scss"

export default class MySwipe extends Component {
    constructor(props) {
        super(props);
        this.state = {
            data: []
        }
        console.log(this.state.data)
    }
    componentDidMount = () => {
        Two().then((data) => {
            this.setState({
                data: data.data
            })
            // console.log(data);
        })
    }
    

    render() {
        return (

            <Carousel autoplay>
                {
                    this.state.data && this.state.data.map((item) => {
                        return (
                            <img className='im' src={item.pic} alt="" />
                        )

                    })
                }

            </Carousel>

        );
    }


    // render() {
    //     <Carousel autoplay>
    //    
    //             {
    //                 this.state.data && this.state.data.map((item) => {
    //                     return (
    //                         <img style={contentStyle} src={item.pic} alt="" />
    //                     )

    //                 })
    //             }
    //     
    //     </Carousel>
    // }
}

